<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Vue Demo 1</title>
</head>
<body>
<div id="app">
    <input name="username" v-model="username">
    <!--{{}} vue提供的插值表达式-->
    {{username}}
</div>
<script src="../hanshunping/js/vue.js"></script>
<script>
    new Vue({
        // 用来指定哪儿些标签受 Vue 管理。 该属性取值 #app 中的 app 需要是受管理的标签的id属性值
        el:"#app",
        // data() 是 ECMAScript 6 版本的新的写法
        data(){
            return{
                username:""
            }
        }
        // data:function (){
        //     return{
        //         username:""
        //     }
        //
        // }
    })
</script>
</body>
</html>